.content {
  flex: 1;
  overflow: auto;
}

.footer {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.footer a {
  color: #999;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.footer .active {
  color: rgb(66, 219, 66);
}

.my {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.my .header {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my .header .van-icon {
  margin-right: 10px;
  color: #999;
}

.my .content {
  background: rgb(245, 245, 245);
}

.my .content dl {
  width: 100%;
  display: flex;
  background: #fff;
  margin-bottom: 0;
}

.my .content dl dt {
  width: 70px;
  margin: 0 10px;
}

.my .content dl dt img {
  width: 100%;
  border-radius: 50%;
}

.my .content dl dd p:nth-child(1) {
  font-size: 20px;
  font-weight: bold;
}

.my .content dl dd p:nth-child(2) {
  color: #999;
}

.my .content .vip {
  width: 100%;
  padding: 0 10px;
  background: #fff;
}

.my .content .info {
  width: 92%;
  display: flex;
  justify-content: space-around;
  background: #fff;
  margin: 15px auto;
  padding: 15px 0;
}

.my .content .info div {
  display: flex;
  flex-direction: column;
  text-align: center;
  line-height: 25px;
}

.my .content .info div span:nth-child(1) {
  font-size: 18px;
  font-weight: bold;
}

.my .content .info div span:nth-child(2) {
  color: #999;
}

.my .content .melist {
  width: 92%;
  background: #fff;
  margin: 0 auto;
  margin-bottom: 15px;
}
.my .content .melist .mecarousel {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.my .mecarousel div {
  width: 100px;
  height: 50px;
  line-height: 50px;
  border-radius: 30px;
  background: rgba(22, 199, 253, 0.1);
  color: rgb(23, 188, 238);
}

.my .mebutton {
  padding-top: 10px;
  font-size: 15px;
}

.my .mebutton h6 {
  width: 100px;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
  margin: 0px auto;
  margin-bottom: 5px;
  background: rgba(22, 199, 253, 0.1);
  color: rgb(23, 188, 238);
}

.my .content .service {
  width: 92%;
  background: #fff;
  margin: 0 auto;
}

.my .content .service p {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
}

.my .content .menu {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

.my .content .menu dl {
  width: 25%;
  display: flex;
  text-align: center;
  flex-direction: column;
  margin: 5px 0;
}

.my .content .menu dl img {
  width: 25px;
  margin-bottom: 5px;
}

.my .content .btn {
  width: 92%;
  border: 0;
  height: 40px;
  display: block;
  margin: 0 auto;
  color: #fff;
  margin-top: 15px;
  background: red;
  border-radius: 50px;
}

.login {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.login h2 {
  font-weight: bold;
  font-size: 25px;
  margin: 50px 0;
}

.login .loginmain {
  display: flex;
  flex-direction: column;
  padding: 0 70px;
  line-height: 40px;
}

.login .loginmain input {
  margin-bottom: 20px;
  height: 40px;
}

.login .loginmain button {
  width: 30%;
  height: 40px;
  margin-right: 15px;
  margin-left: 15px;
}

.coupe {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.coupe .search {
  width: 90%;
  height: 30px;
  margin: 10px auto;
  border-radius: 20px;
  background: rgb(240, 240, 240);
  outline: 0;
}

.coupe .content {
  flex: 1;
  overflow: auto;
}

/* .coupe .rv-tabs__wrap {
  position: sticky;
  top: 0;
} */

.coupe .swiper-lazy {
  width: 100%;
  height: 125px;
}

.coupe .hotList-box {
  width: 100%;
  padding-top: 15px;
}

.coupe .hotList {
  width: 100%;
  display: flex;
  padding: 0 15px;
}

.coupe .hotList dt img {
  width: 100px;
  height: 100px;
  /* 等比例缩放 */
  object-fit: cover;
}

.coupe .hotList dd {
  width: 100%;
  margin-left: 10px;
}

.coupe .hotList dd div:nth-child(1) {
  font-size: 16px;
}

.coupe .hotList dd div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  color: #ccc;
  font-size: 15px;
  margin-top: 30px;
}

.coupe .liveList-box {
  width: 100%;
  padding-top: 15px;
}

.coupe .liveList {
  width: 100%;
  display: flex;
  padding: 0 15px;
}

.coupe .liveList dt img {
  width: 100px;
  height: 100px;
  /* 等比例缩放 */
  object-fit: cover;
}

.coupe .liveList dd {
  width: 100%;
  margin-left: 10px;
}

.coupe .liveList dd div:nth-child(1) {
  font-size: 16px;
}

.coupe .liveList dd div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  color: #ccc;
  font-size: 15px;
  margin-top: 30px;
}

.coupe .sleepList-box {
  width: 100%;
  padding-top: 15px;
}

.coupe .sleepList {
  width: 100%;
  display: flex;
  padding: 0 15px;
}

.coupe .sleepList dt img {
  width: 100px;
  height: 100px;
  /* 等比例缩放 */
  object-fit: cover;
}

.coupe .sleepList dd {
  width: 100%;
  margin-left: 10px;
}

.coupe .sleepList dd div:nth-child(1) {
  font-size: 16px;
}

.coupe .sleepList dd div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  color: #ccc;
  font-size: 15px;
  margin-top: 30px;
}

.coupe .manList-box {
  width: 100%;
  padding-top: 15px;
}

.coupe .manList {
  width: 100%;
  display: flex;
  padding: 0 15px;
}

.coupe .manList dt img {
  width: 100px;
  height: 100px;
  /* 等比例缩放 */
  object-fit: cover;
}

.coupe .manList dd {
  width: 100%;
  margin-left: 10px;
}

.coupe .manList dd div:nth-child(1) {
  font-size: 16px;
}

.coupe .manList dd div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  color: #ccc;
  font-size: 15px;
  margin-top: 30px;
}

.coupe .topicList-box {
  width: 100%;
  padding: 0 15px;
}

.coupe .topicList-box .title {
  color: #000;
  font-size: 15px;
}

.coupe .topicList-box .info {
  color: #999;
}

.coupe .topicList-box .read {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.coupe .topicList-box .read span:nth-child(1) {
  font-size: 12px;
  padding: 3px 7px;
  border-radius: 50%;
  color: rgb(100, 100, 100);
  background: rgb(231, 231, 231);
}

.coupe .topicList-box .read span:nth-child(2) {
  color: #ccc;
}

.coupe .topicList {
  display: flex;
  margin-top: 15px;
}

.coupe .topicList dt {
  width: 50px;
}

.coupe .topicList dt img {
  width: 100%;
  border-radius: 50%;
}

.coupe .topicList dd div:nth-child(1) span {
  color: #999;
  font-size: 12px;
}

.coupe .topicList dd div:nth-child(2) span {
  color: #999;
  padding: 3px 7px;
  font-size: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

.homePage {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.homePage .search {
  width: 90%;
  height: 30px;
  margin: 10px auto;
  border-radius: 20px;
  background: rgb(240, 240, 240);
  outline: 0;
}

.homePage .content {
  flex: 1;
  overflow: auto;
  background: #fff;
}

.homePage .swiper-lazy {
  width: 100%;
  height: 125px;
}

.homePage .content .menu {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  padding: 0 5px;
}

.homePage .content .menu .ask {
  width: 46%;
  display: flex;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 4px 4px rgb(230, 230, 230);
}

.homePage .content .menu .ask dd div:nth-child(1) {
  font-size: 20px;
}

.homePage .content .menu .ask img {
  width: 50px;
  margin-right: 10px;
}

.homePage .content .menu .doctor {
  width: 46%;
  display: flex;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 4px 4px rgb(230, 230, 230);
}

.homePage .content .menu .doctor img {
  width: 50px;
  margin-right: 10px;
}

.homePage .content .menu .doctor dd div:nth-child(1) {
  font-size: 20px;
}

.homePage .content .menuList {
  width: 100%;
  display: flex;
  margin-top: 15px;
  padding: 0 5px;
}

.homePage .content .menuList dl {
  width: 25%;
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 14px;
}

.homePage .content .menuList dl dt {
  width: 30px;
  margin: 5px auto;
}

.homePage .content .menuList dl dt img {
  width: 100%;
}

.homePage .feature {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}

.homePage .feature p {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
}

.homePage .feature p span {
  color: #ccc;
  font-size: 15px;
}

.homePage .feature .feature-top {
  display: flex;
  justify-content: space-between;
}

.homePage .feature .feature-top .top-left {
  width: 49%;
}
.homePage .feature .feature-top .top-left img {
  width: 100%;
}

.homePage .feature .feature-top .top-right {
  width: 49%;
}

.homePage .feature .feature-top .top-right img {
  width: 100%;
}
.homePage .feature .feature-top .top-right img:nth-child(2) {
  margin-top: 5px;
}

.homePage .feature .feature-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.homePage .feature .feature-bottom .bottom-left {
  width: 49%;
  background: red;
}
.homePage .feature .feature-bottom .bottom-left img {
  width: 100%;
}

.homePage .feature .feature-bottom .bottom-right {
  width: 49%;
  background: green;
}

.homePage .feature .feature-bottom .bottom-right img {
  width: 100%;
}

.shop {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
}

.shop .header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 12px;
}

.shop .search {
  width: 87%;
  height: 30px;
  margin: 10px auto;
  border-radius: 20px;
  background: rgb(245, 245, 245);
  outline: 0;
}

.shop .header img {
  width: 22px;
  height: 26px;
}

.shop .content {
  flex: 1;
  overflow: auto;
  background: #fff;
}

.shop .content .menu {
  padding: 0 15px;
}

.shop .content .menu p img {
  width: 90px;
  margin-right: 5px;
  margin: 5px 5px;
}

.shop .content .menu .menuList {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 14px;
}

.shop .content .menu .menuList dl {
  width: 20%;
  text-align: center;
}

.shop .content .menu .menuList dl dt {
  width: 45px;
  margin: 0 auto;
}

.shop .content .menu .menuList dl dt img {
  width: 100%;
  margin-bottom: 5px;
}

.shop .content .swiper-lazy {
  width: 100%;
  height: 125px;
  padding: 0 15px;
}

.shop .content .advertis {
  width: 100%;
  padding: 0 15px;
  margin-top: 15px;
}

.shop .content .advertis p img:nth-child(1) {
  width: 60px;
  margin-right: 5px;
  margin: 5px 5px;
}

.shop .content .advertis p img:nth-child(2) {
  width: 90px;
  margin-right: 5px;
  margin: 5px 5px;
}

.shop .content .advertis img {
  width: 100%;
}

.shop .content .shopList-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
}

.shop .content .shopList {
  width: 50%;
  font-size: 15px;
}

.shop .content .shopList img {
  width: 100%;
}

.shop .content .shopList dd div:nth-child(2) {
  color: red;
}

.shopDetail {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 0 10px;
}

.shopDetail .header {
  width: 100%;
  height: 50px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.shopDetail .content {
  flex: 1;
  overflow: auto;
}

.shopDetail .content img {
  width: 100%;
}

.shopDetail .content .price {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 17px;
}

.shopDetail .content .price p:nth-child(2) {
  color: red;
}

.shopDetail .content .info {
  color: #999;
  font-size: 14px;
}

.department {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}

.department .header {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 18px;
  justify-content: space-between;
}

.department .content {
  flex: 1;
  overflow: auto;
}

.department .content .list-box {
  width: 100%;
}

.department .content .list-box .list {
  width: 100%;
  display: flex;
}

.department .content .list-box .list dl {
  width: 100%;
  display: flex;
  background: #fff;
}

.department .content .list-box .list dl dt {
  width: 30%;
}

.department .content .list-box .list dl dt img {
  width: 100%;
}

.department .content .list-box .list dl dd div:nth-child(2) {
  margin-top: 65px;
  color: red;
  font-size: 15px;
}

.department .content .list-box .list dl dd div:nth-child(2) span:nth-child(2) {
  padding: 1px;
  font-size: 13px;
  color: #fff;
  background: red;
  margin-left: 5px;
}

.department .search {
  width: 90%;
  height: 30px;
  display: flex;
  margin: 10px auto;
  border-radius: 20px;
  background: rgb(245, 245, 245);
  outline: 0;
}

.departDetail {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}

.departDetail .header {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 18px;
  justify-content: space-between;
}

.departDetail .content {
  flex: 1;
  overflow: auto;
}

.departDetail .price {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 17px;
}

.departDetail .price p:nth-child(2) {
  color: red;
}

.departDetail .info {
  color: #999;
  font-size: 14px;
}

.car {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}

.car .header {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 18px;
  justify-content: space-between;
}

.car .content {
  flex: 1;
  overflow: auto;
}

.car .content .list {
  display: flex;
  padding: 5px;
  background: #fff;
  align-items: center;
}

.car .content .list dt {
  width: 30%;
}

.car .content .list dt img {
  width: 100%;
}

.car .content .list dd {
  width: 100%;
}

.car .content .list dd div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  margin-top: 34px;
}

.car .content .list dd div:nth-child(2) span:nth-child(1) {
  color: red;
  font-size: 15px;
}

.car .content .list dd div:nth-child(2) span:nth-child(2) {
  display: flex;
  align-items: center;
}

.car .content .list dd div:nth-child(2) span:nth-child(2) button {
  width: 20px;
  font-size: 15px;
  margin: 0 3px;
}

.car .footer {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
}

.car .footer .checkbox {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.car .footer button {
  width: 120px;
  height: 40px;
  outline: 0;
  border: 0;
  color: #fff;
  font-size: 15px;
  border-radius: 30px;
  background: red;
}

.record {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}

.record .header {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 18px;
  justify-content: space-between;
}

.record .content {
  flex: 1;
  overflow: auto;
}

.record .content p {
  text-align: center;
}

.record .content p input {
  width: 150px;
  height: 30px;
}

.record .content button {
  width: 100px;
  height: 30px;
  margin: 0 auto;
}

.service {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.service main {
  flex: 1;
  overflow: auto;
}

.service main img {
  width: 60px;
}

.service footer {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
}

.service footer input {
  width: 90%;
  height: 40px;
}

.service footer button {
  width: 10%;
  height: 40px;
}

.service .li {
  display: flex;
  align-items: center;
}

.service .li img {
  border-radius: 50px;
  margin: 5px 0;
}

.service .lis {
  display: flex;
  align-items: center;
}

.service .lis img {
  border-radius: 50px;
  margin: 5px 0;
}
